<template>
  <transition name="bounce" mode="out-in">
    <div class="mh-container">
      <mh-header headName="忘记密码"> </mh-header>
      <div class="mui-content">
        <form class="mui-input-group login-form">
          <div class="mui-input-row">
            <input type="text" class="mui-input-clear" v-model="newPwd" placeholder="请设置新密码" autocomplete="false">
          </div>
          <div class="mui-input-row">
            <input type="text" class="mui-input-clear" v-model="comfimPwd" placeholder="请确认新密码" autocomplete="false">
          </div>
        </form>
        <div class="mui-content-padded lg-btn-box">
          <button type="button" class="mui-btn-block mh-btn">去登录</button>
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header'
  export default {
    name: "new-pwd",
    data () {
      return {
        newPwd: '',
        comfimPwd: ''
      }
    },
    components: {
      MhHeader
    }
  }
</script>

<style lang="scss" scoped>
  @import '../../assets/css/mixin';
  .mui-content {background: #fff;}
  .captcha {
    @include ct;
    padding: 0;
    background: #e685aa;
    right: 1rem;
    border-radius: .5rem;
    color: #fff;
    &:hover {
      background: #e685aa;
    }
  }
  .send-btn {padding: .8rem 1rem;}
  .mh-btn {margin-top: 4.5rem;}
</style>
